$(window).load(function() {
	//设置表单样式
	setFormCSS();
});


$(function() {
	
	
	//为id为query的按钮添加单击事件，让id为dg的DataGrid从服务器重新加载数据，常用于查询
	$("#querybtn").click(function() {
		$("#userGrid").datagrid('load', {
			//此处填写提交给服务器的参数，为JSON数据格式，可以添加多个参数
			"uname": $("#uname").val(),
			"userinfo.name": $("#name").val(),
			"status": 0,
			"userinfo.sex": $("#sex").combobox('getValue'),
			"role.id": $("#role").combobox('getValue'),
		});

	});
	


	$.ajax({
		url: PROJECT_NAME + '/role_list.do',
		type: 'POST',
		dataType: "json",
		success: function(data, status) {
			data.push({ "text": "不限","value": 0,"selected":true});
			$('#role').combobox({
				panelHeight: 'auto',
				valueField: 'value',
				textField: 'text',
				data: data
			});
		},
		err: function(XMLHttpRequest, textStatus, err) {
			$.messager.alert('错误', '对不起，服务器忙！', 'error');
		}
	});

	initDataGrid(
		"#userGrid",
		PROJECT_NAME + '/user_query.do', {
			"status": 0,
			"role.id":0
		},
		'#toolbar',
		'id', [
			[{
					field: 'id',
					title: 'ID',
					hidden: true
				}, {
					field: 'roleId',
					title: '角色',
					hidden: true
				},
				{
					field: 'uname',
					title: "用户名",
					align: 'center',
					width: 10
				}, {
					field: 'name',
					title: "姓名",
					align: 'center',
					width: 5
				}, {
					field: 'sex',
					title: "性别",
					align: 'center',
					width: 5
				}, {
					field: 'birthday',
					title: "生日",
					align: 'center',
					width: 8
				}, {
					field: 'provinceId',
					title: "省",
					hidden: true
				}, {
					field: 'cityId',
					title: '市',
					hidden: true
				}, {
					field: 'tel',
					title: '固定电话',
					hidden: true
				}, {
					field: 'mobile',
					title: '手机',
					align: 'center',
					width: 10,
				}, {
					field: 'address',
					title: '地址',
					hidden: true
				}, {
					field: 'qq',
					title: 'QQ',
					align: 'center',
					width: 10,
				}, {
					field: 'weChat',
					title: '微信',
					align: 'center',
					width: 10,
				}, {
					field: 'email',
					title: '邮箱',
					align: 'center',
					width: 20,
				}, {
					field: 'roleName',
					title: '用户角色',
					align: 'center',
					width: 8,
				}, {
					field: 'status',
					title: "账户状态",
					align: 'center',
					width: 5,
					formatter: function(value, row, index) {
						if(value == 1) {
							return "正常";
						} else if(value == 0) {
							return "停封";
						} else {
							return "未知";
						}
					},
					styler: function(value, row, index) {
						if(value == 1) {
							return 'color:green;';
						} else if(value == 0) {
							return 'color:red;';
						} else {
							return 'color:blue;';
						}
					}
				}, {
					field: 'opt',
					title: "操  作",
					align: 'center',
					width: 10,
					//设置按钮列
					formatter: function(value, row, index) {
						var u = '<a  class="redocls" onclick="unlockUser(' + index + ')"></a> ';
						var d = '<a  class="delcls" onclick="delUser(' + index + ')"></a>';
						return u+d;
					}
				}
			]
		],
		function(data) {
			renderBtn();
		}
	);
});


function unlockUser(index) {
	$('#userGrid').datagrid('selectRow', index);
	var row = $('#userGrid').datagrid('getSelected');
	$.messager.confirm('确认解封','您确认解封该帐号吗？',function(r){    
	    if (r){    
	    	row.status=1;
	    	row.action="update";
	    	$.messager.progress({
                text: '请稍候...',
                interval: 500
            });
	    	$.ajax({
	    		url: PROJECT_NAME + '/user_saveorupdate.do',
	    		type: 'POST',
	    		data:row,
	    		dataType: "json",
	    		success: function(data, status) {
	    			if (data=="1") {
						showMsgBox("解封成功");
						$('#userGrid').datagrid('deleteRow',index);
						var rows=$('#userGrid').datagrid('getRows');
						for (var i = 0; i < rows.length; i++) {
							$('#userGrid').datagrid('refreshRow',i);
						}
						renderBtn();
					} else {
						$.messager.alert('错误', '对不起，操作失败！', 'error');
					}
	    			$.messager.progress('close');
	    		},
	    		err: function(XMLHttpRequest, textStatus, err) {
	    			$.messager.progress('close');
	    			$.messager.alert('错误', '对不起，服务器忙！', 'error');
	    		}
	    	});
	    }    
	}); 
}
function delUser(index) {
	var rows = $('#userGrid').datagrid('getRows');
	$.messager.confirm('确认解封','您确认删除该帐号吗？',function(r){    
		if (r){    
			$.messager.progress({
				text: '请稍候...',
				interval: 500
			});
			$.ajax({
				url: PROJECT_NAME + '/user_del.do',
				type: 'POST',
				data:{
					userId:rows[index].id
				},
				dataType: "json",
				success: function(data, status) {
					if (data=="1") {
						showMsgBox("删除成功");
						$('#userGrid').datagrid('deleteRow',index);
						for (var i = 0; i < rows.length; i++) {
							$('#userGrid').datagrid('refreshRow',i);
						}
						renderBtn();
					} else {
						$.messager.alert('错误', '对不起，操作失败！', 'error');
					}
					$.messager.progress('close');
				},
				err: function(XMLHttpRequest, textStatus, err) {
					$.messager.progress('close');
					$.messager.alert('错误', '对不起，服务器忙！', 'error');
				}
			});
		}    
	}); 
}

function renderBtn(){
	//设置按钮列easyUI样式
	$('.redocls').linkbutton({text:'',plain:false,iconCls:'icon-redo'});
	$('.delcls').linkbutton({text:'',plain:false,iconCls:'icon-cancel'});
	$('.delcls').tooltip({    
		position: 'bottom',
		trackMouse:'true',
		content: '<span>删除</span>'    
	});
	$('.redocls').tooltip({    
		position: 'bottom',
		trackMouse:'true',
		content: '<span>解封</span>'    
	});
}
